<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">>


    <!-- Animate.css -->

    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/logincss/css/animate.css}">
    <!-- Icomoon Icon Fonts-->

    <link rel="stylesheet" th:href="@{/logincss/css/icomoon.css}">
    <!-- Themify Icons-->
    <link rel="stylesheet" th:href="@{/logincss/css/themify-icons.css}">
    <!-- Bootstrap  -->
    <link rel="stylesheet" th:href="@{/logincss/css/bootstrap.css}">

    <!-- Magnific Popup -->

    <link rel="stylesheet"  th:href="@{/logincss/css/magnific-popup.css}">

    <!-- Owl Carousel  -->
    <link rel="stylesheet" th:href="@{/logincss/css/owl.carousel.min.css}">
    <link rel="stylesheet" th:href="@{/logincss/css/owl.theme.default.min.css}">

    <!-- Theme style  -->
    <link rel="stylesheet" th:href="@{/logincss/css/style.css}">

    <!-- Modernizr JS -->
    <script th:src="@{/logincss/js/modernizr-2.6.2.min.js}"></script>
    <!-- FOR IE9 below -->
    <script th:src="@{/logincss/js/respond.min.js}"></script>
    <!--[if lt IE 9]>


    <![endif]-->


</head>
<body>

<div class="gtco-loader"></div>

<div id="page">


    <div class="page-inner">
        <nav class="gtco-nav" role="navigation">
            <div class="gtco-container">

                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <div id="gtco-logo"><a href="index.html">Splash <em>.</em></a></div>
                    </div>

                </div>

            </div>
        </nav>

        <header id="gtco-header" class="gtco-cover" role="banner" style="background-image: url()}">
            <div class="overlay"></div>
            <div class="gtco-container">
                <div class="row">
                    <div class="col-md-12 col-md-offset-0 text-left">


                        <div class="row row-mt-15em">
                            <div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
                                <h3><span class="intro-text-small">欢迎来到</span></h3>
                                <h1>标准地理地址管理系统</h1>
                            </div>
                            <div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
                                <div class="form-wrap">
                                    <div class="tab">
                                        <ul class="tab-menu">
                                            <li class="gtco-second"><a href="#" data-tab="login">登录</a></li>
                                            <li class="active gtco-first"><a href="#" data-tab="signup">注册</a></li>
                                        </ul>
                                        <div class="tab-content ">
                                            <div class="tab-content-inner" data-content="login">
                                                <p class="login-box-msg" style="color: orangered" th:text="|${msg}|"></p>
                                                <form  action="/User/login" method="post">
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label>用户名</label>
                                                            <input type="text" class="form-control" name="userName">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label>密码</label>
                                                            <input type="password" class="form-control" name="password">
                                                        </div>
                                                    </div>

                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <input type="submit" class="btn btn-primary" value="登录">
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="tab-content-inner active" data-content="signup">
                                                <p class="login-box-msg" style="color: orangered" th:text="|${msgg}|"></p>
                                                <form action="/User/register" method="post">
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label>姓名</label>
                                                            <input type="text" class="form-control" name="userName">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label >密码</label>
                                                            <input type="password" class="form-control" name="password">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label >确认密码</label>
                                                            <input type="password" class="form-control"  name="passwd">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label >联系方式</label>
                                                            <input type="password" class="form-control"name="linkWay">
                                                        </div>
                                                    </div>

                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <input type="submit" class="btn btn-primary" value="确认注册">
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>



                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </header>

        <div class="gtco-section border-bottom">
            <div class="gtco-container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
                        <h2>我们能做什么</h2>

                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <a th:href="@{/logincss/images/img_2.jpg}" class="fh5co-project-item image-popup">
                            <figure>
                                <div class="overlay"><i class="ti-plus"></i></div>
                                <img th:src="@{/logincss/images/img_2.jpg}" alt="Image" class="img-responsive">
                            </figure>
                            <div class="fh5co-text">
                                <h2>用户统一管理</h2>
                                <p>我们将对区域内用户进行信息化管理</p>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <a th:href="@{/logincss/images/img_3.jpg}" class="fh5co-project-item image-popup">
                            <figure>
                                <div class="overlay"><i class="ti-plus"></i></div>
                                <img th:src="@{/logincss/images/img_3.jpg}" alt="Image" class="img-responsive">
                            </figure>
                            <div class="fh5co-text">
                                <h2>行政区划管理</h2>
                                <p>有助于信息化管理地理区域</p>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <a th:href="@{/logincss/images/img_4.jpg}" class="fh5co-project-item image-popup">
                            <figure>
                                <div class="overlay"><i class="ti-plus"></i></div>
                                <img th:src="@{/logincss/images/img_4.jpg}" alt="Image" class="img-responsive">
                            </figure>
                            <div class="fh5co-text">
                                <h2>快速查询</h2>
                                <p>方便快速查询地理地址信息</p>
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <a th:href="@{/logincss/images/img_1.jpg}" class="fh5co-project-item image-popup">
                            <figure>
                                <div class="overlay"><i class="ti-plus"></i></div>
                                <img th:src="@{/logincss/images/img_1.jpg}" alt="Image" class="img-responsive">
                            </figure>
                            <div class="fh5co-text">
                                <h2>门牌申请</h2>
                                <p>用户足不出户即可申请门牌</p>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <a th:href="@{/logincss/images/img_5.jpg}" class="fh5co-project-item image-popup">
                            <figure>
                                <div class="overlay"><i class="ti-plus"></i></div>
                                <img th:src="@{/logincss/images/img_5.jpg}" alt="Image" class="img-responsive">
                            </figure>
                            <div class="fh5co-text">
                                <h2>网站管理</h2>
                                <p>专业化管理网站</p>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <a th:href="@{/logincss/images/img_6.jpg}" class="fh5co-project-item image-popup">
                            <figure>
                                <div class="overlay"><i class="ti-plus"></i></div>
                                <img th:src="@{/logincss/images/img_6.jpg}" alt="Image" class="img-responsive">
                            </figure>
                            <div class="fh5co-text">
                                <h2>导出专题地图</h2>
                                <p>体验高速快捷导出相关地图</p>
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>

        <div id="gtco-features" class="border-bottom">
            <div class="gtco-container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box">
                        <h2>网站公告</h2>

                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-vector"></i>
						</span>
                            <h3>用户交互式体验</h3>
                            <p>网站注重用户的多重体验 </p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-tablet"></i>
						</span>
                            <h3>支持多种设备</h3>
                            <p>手机电脑均可使用本系统</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-settings"></i>
						</span>
                            <h3>网站设置</h3>
                            <p>网站便捷式设置 </p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-ruler-pencil"></i>
						</span>
                            <h3>地图设计</h3>
                            <p>采用最新高清地图</p>
                        </div>
                    </div>

                    <div class="col-md-3 col-sm-6">
                        <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-paint-roller"></i>
						</span>
                            <h3>数据管理</h3>
                            <p>对门牌街道跟踪式管理 </p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-announcement"></i>
						</span>
                            <h3>用户须知</h3>
                            <p>用户需熟读用户手册</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-stats-up"></i>
						</span>
                            <h3>数据数量</h3>
                            <p>包含数据逐年增长</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-magnet"></i>
						</span>
                            <h3>良好的设计</h3>
                            <p>助你更好的使用本系统 </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div id="gtco-counter" class="gtco-section">
            <div class="gtco-container">

                <div class="row">
                    <div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box">
                        <h2>欢迎使用</h2>
                        <p>您会爱上它</p>
                    </div>
                </div>

                <div class="row">

                    <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                        <div class="feature-center">
						<span class="icon">
							<i class="ti-settings"></i>
						</span>
                            <span class="counter js-counter" data-from="0" data-to="2200" data-speed="5000" data-refresh-interval="50">1</span>
                            <span class="counter-label">街道数量</span>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                        <div class="feature-center">
						<span class="icon">
							<i class="ti-face-smile"></i>
						</span>
                            <span class="counter js-counter" data-from="0" data-to="108054" data-speed="5000" data-refresh-interval="50">1</span>
                            <span class="counter-label">用户数量</span>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                        <div class="feature-center">
						<span class="icon">
							<i class="ti-briefcase"></i>
						</span>
                            <span class="counter js-counter" data-from="0" data-to="45102" data-speed="5000" data-refresh-interval="50">1</span>
                            <span class="counter-label">门牌数量</span>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                        <div class="feature-center">
						<span class="icon">
							<i class="ti-time"></i>
						</span>
                            <span class="counter js-counter" data-from="0" data-to="212023" data-speed="5000" data-refresh-interval="50">1</span>
                            <span class="counter-label">服务时间</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="gtco-products">
            <div class="gtco-container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
                        <h2>更多产品</h2>
                        <p>欢迎关注十四组的其他产品</p>
                    </div>
                </div>
                <div class="row">
                    <div class="owl-carousel owl-carousel-carousel">
                        <div class="item">
                            <a href="#"><img th:src="@{/logincss/images/img_1.jpg}" alt="Free HTML5 Bootstrap Template by "></a>
                        </div>
                        <div class="item">
                            <a href="#"><img th:src="@{/logincss/images/img_2.jpg}" alt="Free HTML5 Bootstrap Template by "></a>
                        </div>
                        <div class="item">
                            <a href="#"><img th:src="@{/logincss/images/img_3.jpg}" alt="Free HTML5 Bootstrap Template by "></a>
                        </div>
                        <div class="item">
                            <a href="#"><img th:src="@{/logincss/images/img_4.jpg}" alt="Free HTML5 Bootstrap Template by "></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="gtco-subscribe">
            <div class="gtco-container">
                <div class="row animate-box">
                    <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
                        <h2>您的联系方式</h2>
                        <p>第一时了解最新动态</p>
                    </div>
                </div>
                <div class="row animate-box">
                    <div class="col-md-8 col-md-offset-2">
                        <form class="form-inline">
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <label for="email" class="sr-only">Email</label>
                                    <input type="email" class="form-control" id="email" placeholder="Your Email">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <button type="submit" class="btn btn-default btn-block">Subscribe</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="gototop js-top">
    <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script th:src="@{/logincss/js/jquery.min.js}"></script>
<!-- jQuery Easing -->
<script th:src="@{/logincss/js/jquery.easing.1.3.js}"></script>
<!-- Bootstrap -->
<script th:src="@{/logincss/js/bootstrap.min.js}"></script>
<!-- Waypoints -->
<script th:src="@{/logincss/js/jquery.waypoints.min.js}"></script>
<!-- Carousel -->
<script th:src="@{/logincss/js/owl.carousel.min.js}"></script>
<!-- countTo -->
<script th:src="@{/logincss/js/jquery.countTo.js}"></script>
<!-- Magnific Popup -->
<script th:src="@{/logincss/js/jquery.magnific-popup.min.js}"></script>
<script th:src="@{/logincss/js/magnific-popup-options.js}"></script>
<!-- Main -->
<script th:src="@{/logincss/js/main.js}"></script>
</body>
</html>

